/*======== Importacion de componentes ========*/
@import url("components/reusable-content.css");
@import url("components/card-custom.css");
@import url("components/doc-list.css");
@import url("components/calendar.css");

/*======== Ajustes al core de Sharepoint ========*/
.ms-core-webpartadder {
  z-index: 1;
}
#sideNavBox {
  display: none;
}
.ms-srch-sb > .ms-srch-sb-navLink {
  height: 0;
}
#s4-titlerow {
  display: none !important;
}
#contentBox {
  margin: 0px;
  min-width: 100%;
}
.ms-webpart-zone {
  display: block !important;
}
.ms-webpart-zone .ms-webpart-cell-vertical {
  display: block !important;
}
#contentRow {
  padding: 0;
}
.ms-webpart-chrome-vertical {
  display: block !important;
}
.ms-siteactions-root > span > a.ms-core-menu-root {
  width: auto;
  height: auto;
}
#ms-help {
  span {
    height: 28px !important;
    width: 28px !important;
  }
}
li.dfwp-item {
  list-style-type: none;
}
.ms-webpartzone-cell {
  margin: 0px;
}
div.article,
div.welcome {
  padding: 0;
}
.article-content,
.welcome-content {
  margin: 0;
}
.slm-layout-main {
  overflow: initial;
}
a:hover,
a:active {
  text-decoration: none;
}
.ms-rteThemeForeColor-5-0 {
  color: #004884 !important;
}
.ms-rtestate-field p,
p.ms-rteElement-P {
  line-height: 1.5rem;
  font-size: 16px;
  margin: initial;
}
/*======== Banner de página ========*/
.bg-element-img {
  background-size: cover;
  background-color: white;
  background-image: url("https://www.minsalud.gov.co/ihce/PublishingImages/mini-banner.webp");
  min-height: 110px;
  display: flex;
  align-items: center;
}
.page-banner h1 {
  color: white;
  padding-left: 3rem;
  margin: 0;
  width: fit-content;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.page-banner span {
  position: relative;
  padding-bottom: 5px;
}
.page-banner h1 span::before,
.page-banner h1 span::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 3px;
  position: absolute;
  bottom: 0;
}
.page-banner h1 span::before {
  background-color: #90c146;
  width: 48%;
}
.page-banner h1 span::after {
  background-color: #18aa9d;
  right: 0;
  width: 50%;
}
/*======== Bloque oculto para configuración de la página ========*/
.hide-block {
  display: none;
}
.hide-block img {
  max-width: 100%;
  min-height: 110px;
}
.hide-block .ms-formfieldcontainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
}
.hide-block .text-muted {
  color: var(--govcolor-grey);
  font-size: 14px;
  font-style: italic;
}

[data-js="hide-block"] img {
  max-width: initial;
  min-height: initial;
}
/*======== Detalle de eventos ========*/
[data-theme="DetalleEvento"] .contenedor img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

[data-theme="DetalleEvento"] .contenedor a img {
  margin: 0 auto !important;
}

/*======== Ajustes para el modo edicion ========*/
body.editor {
  /* Ajustar elementos uno al lado del otro en los vinculos de resumen */
  .slm-layout-main.groupmarker ul {
    display: flex;
    flex-wrap: wrap;
  }
  .slm-layout-main.groupmarker ul li {
    width: initial;
  }

  /* Mostrar boton para agregar tabs */
  .navbar-pestana-govco .navbar-nav .nav-item.btn-add,
  .navbar-pestana-govco .navbar-nav .nav-link .delete-tab-icon {
    display: block;
  }

  /* Mostrar bloques ocultos */
  .hide-block {
    display: block;
  }
}